{extend name="Layout/base" /}
{block name="content"}
<!-- //////////////////////////////////////////////////////////////////////////// --> 
<!-- START CONTAINER -->
<div class="container-padding">


  
  <!-- Start Row -->
  <div class="row">
    

    <div class="col-md-12">
      <div class="panel panel-default">

        <div class="panel-title">
          bootstrap wysihtml5
        </div>

            <div class="panel-body">

              <form>
                <p><textarea class="textarea form-control wysihtml5-textarea" placeholder="Enter text ..."  style="height:200px; width:100%;"></textarea></p>

                <button class="btn btn-default">Send Post</button>
                <button type="reset" class="btn margin-l-5">Clear</button>
              </form>

            </div>

      </div>
    </div>
    

  </div>
  <!-- End Row -->


  
  <!-- Start Row -->
  <div class="row">
    

    <div class="col-md-12">
      <div class="panel panel-default">

        <div class="panel-title">
          Summernote
        </div>

            <div class="panel-body">

              <form>
                <div id="summernote">Hello Summernote</div>
                <button class="btn btn-default">Send Post</button>
              </form>

            </div>

      </div>
    </div>
    

  </div>
  <!-- End Row -->

  





</div>
<!-- END CONTAINER -->
 <!-- //////////////////////////////////////////////////////////////////////////// -->
{/block}
{block name="body_ft"}
<!-- ================================================
Bootstrap WYSIHTML5
================================================ -->
<!-- main file -->
<script type="text/javascript" src="__STATIC__js/bootstrap-wysihtml5/wysihtml5-0.3.0.min.js"></script>
<!-- bootstrap file -->
<script type="text/javascript" src="__STATIC__js/bootstrap-wysihtml5/bootstrap-wysihtml5.js"></script>

<!-- ================================================
Summernote
================================================ -->
<script type="text/javascript" src="__STATIC__js/summernote/summernote.min.js"></script>

<script>
  /* BOOTSTRAP WYSIHTML5 */
  $('.textarea').wysihtml5();

  /* SUMMERNOTE*/
  $(document).ready(function() {
  $('#summernote').summernote();
});
</script>

{/block}